<template>
    <div class="orderform">
       <div class="content">
        <p>订单</p>   
           <dl>
               <dt><img src="../assets/image/ddwdl.png" alt=""></dt>
               <dd>登录后查看外卖订单</dd>
           </dl>
          <router-link id="btn" tag="button" to="/dly">立即登录</router-link>
       </div>
        <Footer></Footer>
    </div>
    
</template>

<script>
import Footer from '@/components/Footer'
export default {
    components:{
        Footer
    }
}
</script>

<style scoped lang="less">
    .content{
        height: 100vh;
        background: #f5f5f5;
        p{
            font-size: 0.45rem;
            color: #fff;
            padding: 0.3rem;
            background: #0097fe;
        }
        dl{
            margin-top: 3.5rem;
            margin-left: 2.5rem; 
            dt{
                width: 5.75rem;
                height: 5.15rem;
               img{
                   width: 100%;
                   height: 100%;
               }   
            }
             dd{
                font-size: 0.5rem;
                padding-left: 0.5rem;
                margin: 0.4rem 0;
            }
        }
        #btn{
            width: 3.45rem;
            height: 1.15rem;
            font-size: 0.5rem;
            color: #fff;
            background: #4dc160;
            text-align: center;
            margin-left: 3.5rem;
        }
    }
</style>

